// 交通实时分析
'use client'

import React from 'react'
import Styles from '../page.module.scss'

export default function RealTimeAnalysis() {
  const list = [
    {
      type: '图片',
      content: '衡阳大道与蒸湘达到交叉口，两辆车发生车辆碰撞。衡阳大道与蒸湘达到交叉生车辆碰撞…',
      time: '2025-03-11 16:40:22',
      name: '交通事故',
    },
    {
      type: '图片',
      content: '衡阳大道与蒸湘达到交叉口，两辆车发生车辆碰撞。衡阳大道与蒸湘达到交叉生车辆碰撞…',
      time: '2025-03-11 16:40:22',
      name: '交通事故',
    },
  ]
  return (
    <div className={`absolute top-[377px] right-[15px] w-[400px]  text-white ${Styles['common-bg']}`}>
      <div className={`${Styles.title} `}>交通实时分析</div>
      <div className='h-[190px]'>事故捕捉</div>
      <div className='flex flex-col justify-center items-center'>
        {list.map(item => (
          <div
            key={item.name}
            className='flex  justify-between items-center'>
            <div className='w-[46px] h-[46px]'>{item.type}</div>
            <div>
              <div className={`h-[40px]`}>{item.content}</div>
              <div className={`flex justify-between`}>
                <span>{item.name}</span>
                <span>{item.time}</span>
              </div>
            </div>
          </div>
        ))}
      </div>
    </div>
  )
}
